@space: 16px;

.main {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  .group1 {
    display: flex;
    height: 708px;
    &_l {
      display: flex;
      flex: 1;
      flex-direction: column;
      overflow: hidden;
      > div + div {
        margin-top: @space;
      }
    }
    &_r {
      width: 1040px;
      margin-left: @space;
    }
  }
  .group2 {
    margin-top: @space;
  }
  .flex {
    display: flex;
    > div {
      flex: 1;
    }
    > div + div {
      margin-left: @space;
    }
  }
}
